<template>
    <div class="share">
        <nav-bar
        :title="'分享'"
        :isSearch="false"
        ></nav-bar>

        <div class="share_content">
            <van-cell-group>
                <van-cell size="large" @click="handleMyShareClick">
                    <template #title>
                        <span class="share_title">我的分享</span>
                    </template>

                    <template #icon>
                        <van-image
                        class="share_icon"
                        fit="cover" width="25px" height="25px"
                        :src="require('assets/images/my-share.png')" />
                    </template>
                </van-cell>

                <van-cell size="large" @click="handleFriendShareClick">
                    <template #title>
                        <span class="share_title">好友分享</span>
                    </template>

                    <template #icon>
                        <van-image
                        class="share_icon"
                        fit="cover" width="25px" height="25px"
                        :src="require('assets/images/friend-share.png')" />
                    </template>
                </van-cell>
            </van-cell-group>
        </div>

    </div>
</template>

<script>
import NavBar from 'components/public/NavBar.vue'
import DataList from "components/public/DataList.vue"

export default {
    name: 'share',
    components: {
        NavBar,
        DataList
    },
    data(){
        return {

        }
    },
    methods: {
        handleMyShareClick(){
            this.$router.push({path: '/MyShare'})
        },
        handleFriendShareClick(){
            this.$router.push({path: '/FriendShare'})
        }
    }
}
</script>

<style lang="less" scoped>
.share_content /deep/ .van-cell{
    padding: 17.5px 0;
}
.share{
    .share_content{
        .share_title{
            color: #2a2b2d;
            font-size: 14px;
        }
        .share_icon{
            margin-right: 15px;
        }
    }
}
</style>